
<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>基于Bootstrap 3.0的登录页</title>

    <!-- Bootstrap core CSS 通过webjar导入-->
    <!--webjars\bootstrap\4.3.1\css\bootstrap.css-->
    <!--<link href="./lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" th:href="@{/webjars/bootstrap/4.3.1/css/bootstrap.css}" rel="stylesheet">-->
    <link href="" th:href="@{/webjars/bootstrap/4.3.1/css/bootstrap.css}" rel="stylesheet">
    <style>
        .container {
            width: 350px;
            margin: 200px auto; /*水平居中*/

        }
    </style>
</head>

<body class="text-center">

<div class="container " >

    <form class="form-signin" th:action="@{/user/login}" method="post">
        <h1 class="form-signin-heading text-center" >请登录</h1>
        <p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
        <label for="inputUserName" class="sr-only">电子邮箱~</label>
        <!--<input type="email" id="inputEmail" class="form-control" placeholder="邮箱地址" required autofocus>-->
        <input type="text" id="inputUserName" name="username" class="form-control" placeholder="用户名"  required autofocus>
        <label for="inputPassword" class="sr-only">密码~</label>
        <input type="password" id="inputPassword" name="password" class="form-control" placeholder="Password" >
        <div class="checkbox">
            <label>
                <input type="checkbox" value="remember-me"> 记住我~
            </label>
        </div>
        <button class="btn btn-lg btn-primary btn-block" type="submit">点击登录</button>
    </form>

</div>



<!-- Bootstrap core -->
<!--webjars\bootstrap\4.3.1\js\bootstrap.min.js-->
<link href="" th:href="@{/webjars/bootstrap/4.3.1/js/bootstrap.js}" rel="stylesheet">
<!--\webjars\jquery\3.4.1\jquery.min.js-->
<link href="" th:href="@{/webjars/jquery/3.4.1/jquery.min.js}" rel="stylesheet">

</body>
</html>
